<html>

<head>
    <meta charset="utf-8">
</head>

<body>
    <div>中文测试</div>

    <div id="counter">
        Counter: {{ counter }}
    </div>

    <ul id="array-rendering">
        <li v-for="item in items">
            {{ item.message }}
        </li>
    </ul>

</body>

<script src="./v3.js"></script>
<script type="module">
    const Counter = {
        data() {
            return {
                counter: 123123
            }
        }
    }
    Vue.createApp(Counter).mount('#counter')


    Vue.createApp({
        data() {
            return {
                items: [{ message: 'Foo' }, { message: 'Bar' }]
            }
        }
    }).mount('#array-rendering')
</script>

</html>